<!-- build time:Thu Oct 04 2018 22:01:08 GMT+0800 (中国标准时间) -->
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-transform">
        <meta http-equiv="Cache-Control" content="no-siteapp">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no,email=no,adress=no">
        <meta name="theme-color" content="#000000">
        <meta http-equiv="window-target" content="_top">
        <title>Cofess - Web Developer &amp;Designer</title>
        <meta name="description" content="Cofess 的个人博客，致力于网站建设与前端用户体验设计。">
        <meta name="keywords" content="web前端,前端开发,前端技术,前端构建,前端自动化,前端工程化,前端开发博客,前端技术博客,Web Developer,Web Designer,Personal Blog">
        <meta property="og:type" content="website">
        <meta property="og:title" content="Cofess">
        <meta property="og:url" content="https://blog.cofess.com/index.html">
        <meta property="og:site_name" content="Cofess">
        <meta property="og:description" content="Cofess 的个人博客，致力于网站建设与前端用户体验设计。">
        <meta property="og:locale" content="zh-CN">
        <meta name="twitter:card" content="summary">
        <meta name="twitter:title" content="Cofess">
        <meta name="twitter:description" content="Cofess 的个人博客，致力于网站建设与前端用户体验设计。">
        <link rel="canonical" href="https://blog.cofess.com/index.html">
        <link rel="alternate" href="/atom.xml" title="Cofess" type="application/atom+xml">
        <link rel="icon" href="" type="image/x-icon">
        <link rel="stylesheet" href="/static/css/style.css">
        <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1.4.0/dist/gitalk.min.css">
    </head>
    <body class="main-center" itemscope itemtype="http://schema.org/WebPage">
        <header class="header" itemscope itemtype="http://schema.org/WPHeader">
            <div class="slimContent">
                <div class="navbar-header">
                    <div class="profile-block text-center">
                        <a id="avatar" href="https://github.com/cofess" target="_blank">
                            <img class="img-circle img-rotate" src="/static/img/avatar.jpg" width="200" height="200">
                        </a>
                        <h2 id="name" class="hidden-xs hidden-sm">武明</h2>
                        <h3 id="title" class="hidden-xs hidden-sm hidden-md">python 学习者</h3>
                        <small id="location" class="text-muted hidden-xs hidden-sm">
                            <i class="icon icon-map-marker"></i>
                            Zhengzhou, China
                        </small>
                    </div>
                    <div class="search" id="search-form-wrap">
                        <form class="search-form sidebar-form">
                            <div class="input-group">
                                <input type="text" class="search-form-input form-control" placeholder="搜索">
                                <span class="input-group-btn">
                                    <button type="submit" class="search-form-submit btn btn-flat" onclick="return!1">
                                        <i class="icon icon-search"></i>
                                    </button>
                                </span>
                            </div>
                        </form>
                        <div class="ins-search">
                            <div class="ins-search-mask"></div>
                            <div class="ins-search-container">
                                <div class="ins-input-wrapper">
                                    <input type="text" class="ins-search-input" placeholder="想要查找什么..." x-webkit-speech>
                                    <button type="button" class="close ins-close ins-selectable" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">×</span>
                                    </button>
                                </div>
                                <div class="ins-section-wrapper">
                                    <div class="ins-section-container"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <nav id="main-navbar" class="collapse navbar-collapse" itemscope itemtype="http://schema.org/SiteNavigationElement" role="navigation">
                    <ul class="nav navbar-nav main-nav">
                        <li class="menu-item menu-item-home">
                            <a href="/.">
                                <i class="icon icon-home-fill"></i>
                                <span class="menu-title">首页</span>
                            </a>
                        </li>
                        <li class="menu-item menu-item-archives">
                            <a href="/archives">
                                <i class="icon icon-archives-fill"></i>
                                <span class="menu-title">归档</span>
                            </a>
                        </li>
                        <li class="menu-item menu-item-categories">
                            <a href="/categories">
                                <i class="icon icon-folder"></i>
                                <span class="menu-title">分类</span>
                            </a>
                        </li>
                        <li class="menu-item menu-item-tags">
                            <a href="/tags">
                                <i class="icon icon-tags"></i>
                                <span class="menu-title">标签</span>
                            </a>
                        </li>
                        <li class="menu-item menu-item-repository">
                            <a href="/repository">
                                <i class="icon icon-project"></i>
                                <span class="menu-title">项目</span>
                            </a>
                        </li>
                        <li class="menu-item menu-item-books">
                            <a href="/books">
                                <i class="icon icon-book-fill"></i>
                                <span class="menu-title">书单</span>
                            </a>
                        </li>
                        <li class="menu-item menu-item-links">
                            <a href="/links">
                                <i class="icon icon-friendship"></i>
                                <span class="menu-title">友链</span>
                            </a>
                        </li>
                        <li class="menu-item menu-item-about">
                            <a href="/about">
                                <i class="icon icon-cup-fill"></i>
                                <span class="menu-title">关于</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="social-links">
                        <li>
                            <a href="https://github.com/cofess" target="_blank" title="Github" data-toggle="tooltip" data-placement="top">
                                <i class="icon icon-github"></i>
                            </a>
                        </li>
                        <li>
                            <a href="http://weibo.com/cofess" target="_blank" title="Weibo" data-toggle="tooltip" data-placement="top">
                                <i class="icon icon-weibo"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://twitter.com/iwebued" target="_blank" title="Twitter" data-toggle="tooltip" data-placement="top">
                                <i class="icon icon-twitter"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.behance.net/cofess" target="_blank" title="Behance" data-toggle="tooltip" data-placement="top">
                                <i class="icon icon-behance"></i>
                            </a>
                        </li>
                        <li>
                            <a href="/atom.xml" target="_blank" title="Rss" data-toggle="tooltip" data-placement="top">
                                <i class="icon icon-rss"></i>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </header>
        <aside class="sidebar" itemscope itemtype="http://schema.org/WPSideBar">
            <div class="slimContent">
                <div class="widget">
                    <h3 class="widget-title">公告</h3>
                    <div class="widget-body">
                        <div id="board">
                            <div class="content">
                                网易星球邀请码：AD3LCW，有机会赢取1.39克拉黑钻【珂兰钻石】，价值7万8，老司机快上车～～请在浏览器中复制粘贴该链接 <a class="text-primary" href="https://163.lu/GTe6P3" target="_blank">https://163.lu/GTe6P3</a>
                                或者扫描以下二维码，并下载登录
                                <div>
                                    <img src="/images/xingqiu-qrcode.jpg" width="140" height="140">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget">
                    <h3 class="widget-title">分类</h3>
                    <div class="widget-body">
                        <ul class="category-list">
                            <li class="category-list-item">
                                <a class="category-list-link" href="/categories/个人/">个人</a>
                                <span class="category-list-count">1</span>
                            </li>
                            <li class="category-list-item">
                                <a class="category-list-link" href="/categories/front-end-development/">前端</a>
                                <span class="category-list-count">1</span>
                            </li>
                            <li class="category-list-item">
                                <a class="category-list-link" href="/categories/build-website/">建站</a>
                                <span class="category-list-count">1</span>
                            </li>
                            <li class="category-list-item">
                                <a class="category-list-link" href="/categories/开发/">开发</a>
                                <span class="category-list-count">1</span>
                            </li>
                            <li class="category-list-item">
                                <a class="category-list-link" href="/categories/开发工具/">开发工具</a>
                                <span class="category-list-count">1</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="widget">
                    <h3 class="widget-title">标签</h3>
                    <div class="widget-body">
                        <ul class="tag-list">
                            <li class="tag-list-item">
                                <a class="tag-list-link" href="/tags/Github/">Github</a>
                                <span class="tag-list-count">1</span>
                            </li>
                            <li class="tag-list-item">
                                <a class="tag-list-link" href="/tags/gulp/">Gulp</a>
                                <span class="tag-list-count">1</span>
                            </li>
                            <li class="tag-list-item">
                                <a class="tag-list-link" href="/tags/Hexo/">Hexo</a>
                                <span class="tag-list-count">4</span>
                            </li>
                            <li class="tag-list-item">
                                <a class="tag-list-link" href="/tags/social/">Social</a>
                                <span class="tag-list-count">1</span>
                            </li>
                            <li class="tag-list-item">
                                <a class="tag-list-link" href="/tags/工具/">工具</a>
                                <span class="tag-list-count">1</span>
                            </li>
                            <li class="tag-list-item">
                                <a class="tag-list-link" href="/tags/状态/">状态</a>
                                <span class="tag-list-count">1</span>
                            </li>
                            <li class="tag-list-item">
                                <a class="tag-list-link" href="/tags/程序员/">程序员</a>
                                <span class="tag-list-count">1</span>
                            </li>
                            <li class="tag-list-item">
                                <a class="tag-list-link" href="/tags/计划/">计划</a>
                                <span class="tag-list-count">1</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="widget">
                    <h3 class="widget-title">标签云</h3>
                    <div class="widget-body tagcloud">
                        <a href="/tags/Github/" style="font-size:13px">Github</a>
                        <a href="/tags/gulp/" style="font-size:13px">Gulp</a>
                        <a href="/tags/Hexo/" style="font-size:14px">Hexo</a>
                        <a href="/tags/social/" style="font-size:13px">Social</a>
                        <a href="/tags/工具/" style="font-size:13px">工具</a>
                        <a href="/tags/状态/" style="font-size:13px">状态</a>
                        <a href="/tags/程序员/" style="font-size:13px">程序员</a>
                        <a href="/tags/计划/" style="font-size:13px">计划</a>
                    </div>
                </div>
                <div class="widget">
                    <h3 class="widget-title">归档</h3>
                    <div class="widget-body">
                        <ul class="archive-list">
                            <li class="archive-list-item">
                                <a class="archive-list-link" href="/archives/2018/03/">三月 2018</a>
                                <span class="archive-list-count">2</span>
                            </li>
                            <li class="archive-list-item">
                                <a class="archive-list-link" href="/archives/2017/12/">十二月 2017</a>
                                <span class="archive-list-count">1</span>
                            </li>
                            <li class="archive-list-item">
                                <a class="archive-list-link" href="/archives/2017/11/">十一月 2017</a>
                                <span class="archive-list-count">1</span>
                            </li>
                            <li class="archive-list-item">
                                <a class="archive-list-link" href="/archives/2017/09/">九月 2017</a>
                                <span class="archive-list-count">1</span>
                            </li>
                            <li class="archive-list-item">
                                <a class="archive-list-link" href="/archives/2017/08/">八月 2017</a>
                                <span class="archive-list-count">3</span>
                            </li>
                            <li class="archive-list-item">
                                <a class="archive-list-link" href="/archives/2017/04/">四月 2017</a>
                                <span class="archive-list-count">1</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="widget">
                    <h3 class="widget-title">最新文章</h3>
                    <div class="widget-body">
                        <ul class="recent-post-list list-unstyled no-thumbnail">
                            <li>
                                <div class="item-inner">
                                    <p class="item-category">
                                        <a class="category-link" href="/categories/开发/">开发</a>
                                    </p>
                                    <p class="item-title">
                                        <a href="/2018/03/28/那些有趣的注释，有没有你曾用过的.html" class="title">那些有趣的注释，有没有你曾用过的</a>
                                    </p>
                                    <p class="item-date">
                                        <time datetime="2018-03-28T12:45:41.000Z" itemprop="datePublished">2018-03-28</time>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="item-inner">
                                    <p class="item-category">
                                        <a class="category-link" href="/categories/个人/">个人</a>
                                    </p>
                                    <p class="item-title">
                                        <a href="/2018/03/25/年后的状态，懒！.html" class="title">年后的状态，懒！</a>
                                    </p>
                                    <p class="item-date">
                                        <time datetime="2018-03-25T06:59:41.000Z" itemprop="datePublished">2018-03-25</time>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="item-inner">
                                    <p class="item-category">
                                        <a class="category-link" href="/categories/开发工具/">开发工具</a>
                                    </p>
                                    <p class="item-title">
                                        <a href="/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html" class="title">Visual Studio Code个人使用插件整理</a>
                                    </p>
                                    <p class="item-date">
                                        <time datetime="2017-12-17T10:32:51.000Z" itemprop="datePublished">2017-12-17</time>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="item-inner">
                                    <p class="item-category"></p>
                                    <p class="item-title">
                                        <a href="/2017/11/01/hexo-blog-theme-pure-usage-description.html" class="title">Hexo博客主题pure使用说明</a>
                                    </p>
                                    <p class="item-date">
                                        <time datetime="2017-11-01T13:45:08.000Z" itemprop="datePublished">2017-11-01</time>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="item-inner">
                                    <p class="item-category"></p>
                                    <p class="item-title">
                                        <a href="/2017/09/06/how-to-use-mathjax-to-render-latex-mathematical-formula-in-hexo.html" class="title">如何在Hexo中使用Mathjax渲染LaTeX数学公式</a>
                                    </p>
                                    <p class="item-date">
                                        <time datetime="2017-09-06T01:19:34.000Z" itemprop="datePublished">2017-09-06</time>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </aside>
        <main class="main" role="main">
            <div class="content article-list">
                {% for article in article_list %}
                <article class="article article-type-post" itemscope itemtype="http://schema.org/BlogPosting">
                    <div class="article-header">
                        <h1 itemprop="name">
                            <a class="article-title" href="{{ article.url }}">{{ article.title}}</a>
                        </h1>
                    </div>
                    <p class="article-meta">
                        <span class="article-date">
                            <i class="icon icon-calendar-check"></i>
                            <a href="{{ article.url }}" class="article-date">
                                <time datetime="{{ article.create_time}}" itemprop="datePublished">{{article.pub_date}}</time>
                            </a>
                        </span>
                        <span class="article-category">
                            <i class="icon icon-folder"></i>
                            {% for category in article.categories %}
                            <a class="article-category-link" href="{{ category.uri}}">{{ category.name }}</a>
                            {% endfor %}
                        </span>
                        <span class="article-tag">
                            <i class="icon icon-tags"></i>
                            {% for tag in article.tags %}
                            <a class="article-tag-link" href="{{ tag.uri }}">{{ tag.name }}</a>
                            {% endfor %}
                        </span>
                        <span class="post-comment">
                            <i class="icon icon-comment"></i>
                            <a href="{{article.url}}#comments" class="article-comment-link">评论</a>
                        </span>
                        <span class="post-wordcount hidden-xs" itemprop="wordCount">字数统计: {{ article.length}}(字)</span>
                        <span class="post-readcount hidden-xs" itemprop="timeRequired">阅读时长: {{ article.read_time }}(分)</span>
                    </p>
                </article>
                {% endfor %}
            </div>
        </main>
        <footer class="footer" itemscope itemtype="http://schema.org/WPFooter">
            <ul class="social-links">
                <li>
                    <a href="https://github.com/cofess" target="_blank" title="Github" data-toggle="tooltip" data-placement="top">
                        <i class="icon icon-github"></i>
                    </a>
                </li>
                <li>
                    <a href="http://weibo.com/cofess" target="_blank" title="Weibo" data-toggle="tooltip" data-placement="top">
                        <i class="icon icon-weibo"></i>
                    </a>
                </li>
                <li>
                    <a href="https://twitter.com/iwebued" target="_blank" title="Twitter" data-toggle="tooltip" data-placement="top">
                        <i class="icon icon-twitter"></i>
                    </a>
                </li>
                <li>
                    <a href="https://www.behance.net/cofess" target="_blank" title="Behance" data-toggle="tooltip" data-placement="top">
                        <i class="icon icon-behance"></i>
                    </a>
                </li>
                <li>
                    <a href="/atom.xml" target="_blank" title="Rss" data-toggle="tooltip" data-placement="top">
                        <i class="icon icon-rss"></i>
                    </a>
                </li>
            </ul>
            <div class="copyright">
                <div class="publishby">
                    Theme by <a href="https://github.com/cofess" target="_blank">cofess </a>
                    base on <a href="https://github.com/cofess/hexo-theme-pure" target="_blank">pure</a>
                    .
                </div>
            </div>
        </footer>
        <script src="//cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
        <script>
            window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')
        </script>
        <script src="/static/js/plugin.min.js"></script>
        <script src="/static/js/application.js"></script>
        <script>
            !function(T) {
                var N = {
                    TRANSLATION: {
                        POSTS: "文章",
                        PAGES: "页面",
                        CATEGORIES: "分类",
                        TAGS: "标签",
                        UNTITLED: "(未命名)"
                    },
                    ROOT_URL: "/",
                    CONTENT_URL: "/content.json"
                };
                T.INSIGHT_CONFIG = N
            }(window)
        </script>
        <script src="/static/js/insight.js"></script>
        <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    </body>
</html>
<!-- rebuild by neat -->
